<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8" />
  <link href="/static/css/mystyle.css" rel="stylesheet" type="text/css" />
  <link href="/static/css/style.css" rel="stylesheet" type="text/css" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" type="text/css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
  <title>QQ三国查询应用</title>
  <!--模糊查询-->
  <script>
  alert("匿名用户每天只能查询30次!!!");
  $(function() {
    var availableTags = ['黄忠', '关羽', '张飞', '马超', '赵云', '陆逊', '夏侯惇', '真黄忠', '真关羽', '真张飞', '真马超', '真赵云', '真陆逊', '真夏侯惇', '文聘', '曹冲', '马岱', '曹洪', '陈珪', '高览', '潘凤', '张鲁', '雷铜', '张梁', '张角', '梁兴', '阎行', '杨任', '张任', '王方', '李蒙', '三足金乌', '邓茂', '波才', '于毒', '张曼成', '何曼', '蛮舞大祭师', '荆州偏将', '小乔', '貂蝉', '孙尚香', '物攻融合副将', '法攻融合副将', '物防融合副将', '法防融合副将', '碎玉', '火纹玉', '轮回之力', '高级首饰碎片', '未鉴定的羽毛', '未鉴定的符咒碎片', '一级黄色精玉', '二级黄色精玉', '三级黄色精玉', '四级黄色精玉', '五级黄色精玉', '六级黄色精玉', '七级黄色精玉', '八级黄色精玉', '九级黄色精玉', '十级黄色精玉', '十一级黄色精玉', '十二级黄色精玉', '十三级黄色精玉', '十四级黄色精玉', '一级羽毛', '二级羽毛', '三级羽毛', '四级羽毛', '五级羽毛', '一级符咒碎片', '二级符咒碎片', '三级符咒碎片', '四级符咒碎片', '五级符咒碎片'];
    $( "#keyword" ).autocomplete({
      source: availableTags
    });
  });
  </script>
 </head>
 <body bgcolor="#D2B48C">
  <div class="nav">
   <div class="logo">
    <img id="mouces1" src="/static/img/logo1.png" />
    <img id="mouces2" src="/static/img/logo2.png" />
   </div>
   <button class="exit"><font>退出</font></button>
   <button class="help"><font>鼓励我</font></button>
    <!--<div >-->
     <!--<img id="code" src="/static/img/code.png">-->
     <!--</div>-->
   <script>
    $(".exit").click(function(){
     javascript:history.back(-1);
  });
    $(".help").click(function(){
     javascript:window.open("/static/img/code.png")
    })
   </script>
  </div>

  <center>
   <div class="container">
    <div class="parent">
     <center>
      <p class="titlefont">非官方---QQ三国商品价格查询</p>
     </center>
     <select id="server" name="大区"> <option value="必争之地">必争之地</option> <option value="一战成名">一战成名</option> <option value="抚琴退敌">抚琴退敌</option> <option value="暗度陈仓">暗度陈仓</option> <option value="单刀赴会">单刀赴会</option> <option value="得陇望蜀">得陇望蜀</option> <option value="巧借东风">巧借东风</option> <option value="群雄逐鹿">群雄逐鹿</option> <option value="三足鼎立">三足鼎立</option> <option value="桃园结义">桃园结义</option> <option value="一代枭雄">一代枭雄</option> <option value="云梦鬼谷">云梦鬼谷</option> <option value="杜康解忧">杜康解忧</option> </select>
     <input type="text" name="keyword" id="keyword" placeholder="请输入您要搜索的物品..." />
    </div>
   </div>
   <button id="btn" style="margin:0px 50px 0px 0px;"><b><font class="bfont">查询</font></b></button>
   <button id="btn2"><b><font class="bfont">清空</font></b></button>
  </center>
  <script type="text/javascript">
    $(document).ready(function(){
    //查询
     $("#btn").click(function(){
        var server = $("#server").val();
        var keyword = $("#keyword").val();
        $.post("/result", {"server": server, 'keyword': keyword}, function(data, status){
            if (data==""){
                alert("找不到该商品")
                return 0
            }else if (data=="tryover"){
                alert("没有使用次数!")
                window.location.href = "https://www.baidu.com"
            }
			//商行信息渲染
			var $str = $( '<tr>'+
                '<th width="100px" bgcolor="#7B68EE">商行序号</th>'+
                '<th width="100px" bgcolor="#7B68EE">商行名称</th>'+
                '<th width="100px" bgcolor="#7B68EE">商品名称</th>'+
                '<th width="100px" bgcolor="#7B68EE">商品数量</th>'+
                '<th width="100px" bgcolor="#7B68EE">店主名</th>'+
                '<th width="100px" bgcolor="#7B68EE">店铺号</th>'+
                '<th width="100px" bgcolor="#7B68EE">商品价格</th>'+
                '</tr>');
                var $table = $('#table1 tbody');
                $table.append($str);

                for(var k in data[0]){
                    var p = data[0][k]["商品价格"];
                    if (p<10000){   //白色
                 var $tr21 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
        var $table1 = $('#table1 tbody');
        $table1.append($tr21);
                 }else if(10000<=p&&p<100000){  //蓝色
                 var $tr22 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
        var $table1 = $('#table1 tbody');
        $table1.append($tr22);
            }else if(100000<=p&&p<1000000){ //绿色
                 var $tr23 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
        var $table1 = $('#table1 tbody');
        $table1.append($tr23);
          }else if(1000000<=p&&p<10000000){  //橙色
                 var $tr24 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
        var $table1 = $('#table1 tbody');
        $table1.append($tr24);
          }else if(10000000<=p&&p<100000000){  //粉色
                 var $tr25 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
        var $table1 = $('#table1 tbody');
        $table1.append($tr25);
          }else if(100000000<=p&&p<1000000000){ //红色
                 var $tr26 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
       var $table1 = $('#table1 tbody');
        $table1.append($tr26);
          }else if(1000000000<=p&&p<10000000000){  //黄色
                 var $tr27 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
       var $table1 = $('#table1 tbody');
        $table1.append($tr27);
          }else if(p>=10000000000){  //天蓝色
                 var $tr28 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[0][k].商行序号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[0][k].商行名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[0][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[0][k].商品数量+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[0][k].店主名+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[0][k].店铺号+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[0][k].商品价格+'</font>'+'</td>'+
        '</tr>');
       var $table1 = $('#table1 tbody');
        $table1.append($tr28);
          }
                }

           //摊位信息渲染
			var $str2 = $( '<tr>'+
                '<th width="100px" bgcolor="#FFD700">线</th>'+
                '<th width="100px" bgcolor="#FFD700">坐标</th>'+
                '<th width="100px" bgcolor="#FFD700">摊位名</th>'+
                '<th width="100px" bgcolor="#FFD700">摊主</th>'+
                '<th width="100px" bgcolor="#FFD700">物品名</th>'+
                '<th width="100px" bgcolor="#FFD700">价格</th>'+
                '<th width="100px" bgcolor="#FFD700">数量</th>'+
                '</tr>');
                var $table2 = $('#table2 tbody');
                $table2.append($str2);

                for(var k in data[1]){
                   var p = data[1][k]["商品价格"];
                       <!--console.log(p)-->

                       if (p<10000){   //白色

                 var $tr21 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f1">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr21);
                 }else if(10000<=p&&p<100000){  //蓝色
                 var $tr22 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f2">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr22);
            }else if(100000<=p&&p<1000000){ //绿色
                 var $tr23 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f3">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr23);
          }else if(1000000<=p&&p<10000000){  //橙色
                 var $tr24 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f4">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr24);
          }else if(10000000<=p&&p<100000000){  //粉色
                 var $tr25 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f5">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr25);
          }else if(100000000<=p&&p<1000000000){ //红色
                 var $tr26 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f6">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr26);
          }else if(1000000000<=p&&p<10000000000){  //黄色
                 var $tr27 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f7">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr27);
          }else if(p>=10000000000){  //天蓝色
                 var $tr28 = $('<tr>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[1][k].线+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[1][k].摊位坐标+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[1][k].摊位名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[1][k].摊主名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[1][k].商品名称+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[1][k].商品价格+'</font>'+'</td>'+
        '<td bgcolor="#556B2F" width="100px" class="std">'+'<font class="f8">'+data[1][k].商品数量+'</font>'+'</td>'+
        '</tr>');
        var $table2 = $('#table2 tbody');
        $table2.append($tr28);
          }
                }
        });
    });

            //清空表格
            $("#btn2").click(function(){
            $('#keyword').val('')
            //表1
            var tab=document.getElementById('table1');
    for(var r=tab.rows.length-2;r>=-1;r--) {
        tab.deleteRow(r);
    }
            var tab2=document.getElementById('table2');
    for(var r=tab2.rows.length-2;r>=-1;r--) {
        tab2.deleteRow(r);
    }
        });

})
</script>
  <center>
   <div id="groupbox" style="height: 500px; width:1400px;margin:20px 0px 0px 0px">
    <div id="tb" style="float:left;overflow-x: auto; overflow-y: auto; height: 400px; width:700px;">
     <center>
      <b class="googlefont">商行信息</b>
     </center>
     <table id="table1" align="center" width="700px" border="1">
      <tbody id="tbo1">
      </tbody>
     </table>
    </div>
    <div id="tb2" style="float:left;overflow-x: auto; overflow-y: auto; height: 400px; width:700px;">
     <center>
      <b class="googlefont">摊位信息</b>
     </center>
     <table id="table2" align="center" width="700px" border="1">
      <tbody id="tbo2">
      </tbody>
     </table>
    </div>
   </div>
  </center>
 </body>
</html>